@component-namespace cs {
  @component indicator {
    position: relative;
    z-index: 99999;
    transition: opacity .2s linear;

    @descendent wrapper {
      position: fixed;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      box-sizing: border-box;
      text-align: center;
    }

    @descendent text {
      display: block;
      color: #fff;
      text-align: center;
      margin-top: 10px;
      font-size: 16px;
    }

    @descendent spin {
      display: inline-block;
      text-align: center;
    }

    @descendent mask {
      position: fixed;
      top:0;
      left:0;
      size: 100%;
      opacity: 0;
      background: transparent;
    }
  }
}

.cs-indicator-enter,
.cs-indicator-leave-active {
  opacity: 0;
}